<template>
    <div class="mine-cell">
        <img v-lazy="this.img">
            <p>{{ this.title }}</p>
        </div>
    </template>

    <script>
        export default {
            name: 'MineCell',
            props: {
                img: {
                    default: ''
                },
                title: {
                    default: ''
                }
            }
        }
    </script>

    <style lang="less" scoped="scoped">
    .mine-cell {
        width: 100%;
        background: #fff;
        height: 6rem;
        padding: 1rem 10%;

        img {
            width: 6rem;
            height: 6rem;
            border-radius: 3rem;
            float: left;
        }

        p {
            font-size: 1.6rem;
            line-height: 6rem;
            margin-left: 25%;
        }
    }
    </style>